<%@page import="entidades.Util"%>
<%@page import="java.util.List"%>
<%@page import="entidades.Upload"%>
<%@page import="entidades.Produto"%>
<%
    if (session.getAttribute("produto") == null) {
        response.sendRedirect("index.jsp");
    }
%>
<%-- 
    Document   : visualizarProduto
    Created on : 04/06/2012, 16:45:58
    Author     : Mariana Casarin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <script src="js/jquery.js" type="text/javascript"></script>
        <!-- load Galleria -->
        <script src="js/galleria-1.2.5.min.js"></script>

        <link type="text/css" rel="stylesheet" href="galleria/galleria.classic.css">
        <script type="text/javascript" src="galleria/galleria.classic.min.js"> </script>


        <title> 
            <% Produto produto = (Produto) session.getAttribute("produto");
                out.print(produto.getNome());%> 
        </title>
    </head>
    <body>
        <div id="new"></div> 
       <div id="topo">
            
                <div>
                    <a href="index.jsp"> <img src="imagens/centralLogo.png" width="400" height="200"/> </a>
                    <a href="index.jsp"> <img src="imagens/centralCartao.png" width="300" height="150"/> </a>
                </div>
                <div>
                    <a href="index.jsp"> <img src="imagens/banner_central6-01.png" width="700" height="40"/> </a>
                </div>
                <div id="menu">
                    <ul>
                        <li onclick="location.href='contato.jsp';"> <b> Contato e localiza&ccedil;&atilde;o </b> </li>
                        <li onclick="location.href='index.jsp';"> <b> P&aacute;gina inicial </b> </li>
                    </ul>
                </div>
                <hr width="100%" size="1" color=#fff />
                <br />
        </div>
        <div id="conteudoFrente">
            <div id="conteudoFrenteDentro">
                <fieldset>
                    <table border="0">
                        <tr>
                            <th class="produto">
                                <%=produto.getNome()%>            
                            </th>
                            <th rowspan="2">
                        <center>
                            <fieldset id="galleria">
                                <%
                                    Upload up = new Upload(getServletContext().getRealPath("/fotos/"));
                                    String[] files = up.getAllImages();

                                    for (int i = 0; i < files.length; i++) {
                                        for (int j = 0; j < produto.getFotos().size(); j++) {
                                            if (files[i].equals(produto.getFotos().get(j))) {
                                                out.print("<a href=\"fotos/" + files[i] + "\"><img width=\"150\" height=\"150\" src=\"fotos/" + files[i] + "\"></a>");
                                                //out.print("<img width=\"150\" height=\"150\" src=\"fotos/" + files[i] + "\">");
                                            }
                                        }
                                    }
                                %>
                            </fieldset>
                        </center>
                        </th> 
                        </tr>
                        <tr>
                            <td>
                                <p class="preco">
                                    R&dollar; <%=produto.getValor()%>
                                </p>
                                <br />
                                <p class="descricao">
                                    <%=produto.getDescricao()%> 
                                </p>
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </div>
        </div>
        <script>

            // Load the classic theme
            Galleria.loadTheme('galleria/galleria.classic.min.js');

            // Initialize Galleria
            $('#galleria').galleria();

        </script>
        <%
            List<Produto> produtos = Util.produtosRecentesSem(produto);
            if (produtos != null && !produtos.isEmpty()) {
        %>

        <div id="maispromocoes">
            <center> <h4> Mais promo&ccedil;&otilde;es </h4> </center>
            <table border="0">
                <% for (Produto p : produtos) {%>
                <tr onclick="location.href='ProdutoServlet?op=Ver&id=<%=p.getId()%>';">
                    <td>
                        <img width="80" height="50" src="<%="fotos/" + p.getFotos().get(0).toString()%>" alt="" />
                    </td>
                    <td>
                        <p><%=p.getNome()%></p>
                    </td>
                </tr>
                <%
                    }
                %>
            </table>
        </div>
        <%}
        %>
    </body>

</html>
